{% load staticfiles %}
<!DOCTYPE html>
<html>
  <head>
    <!--
    /**
    * Copyright (c) 2012-2013 RockStor, Inc. <http://rockstor.com>
    * This file is part of RockStor.
    *
    * RockStor is free software; you can redistribute it and/or modify
    * it under the terms of the GNU General Public License as published
    * by the Free Software Foundation; either version 2 of the License,
    * or (at your option) any later version.
    *
    * RockStor is distributed in the hope that it will be useful, but
    * WITHOUT ANY WARRANTY; without even the implied warranty of
    * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
    * General Public License for more details.
    *
    * You should have received a copy of the GNU General Public License
    * along with this program. If not, see <http://www.gnu.org/licenses/>.
    *
    */
    -->

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>RockStor | {% block title %}{% endblock %}</title>
    <link href="/static/storageadmin/css/bootstrap.min.css" rel="stylesheet">
    <link href="/static/storageadmin/css/style.css" rel="stylesheet">

    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <script>
      /*
      *
      * @licstart  The following is the entire license notice for the
      * JavaScript code in this page.
      *
      * Copyright (c) 2012-2013 RockStor, Inc. <http://rockstor.com>
      * This file is part of RockStor.
      *
      * RockStor is free software; you can redistribute it and/or modify
      * it under the terms of the GNU General Public License as published
      * by the Free Software Foundation; either version 2 of the License,
      * or (at your option) any later version.
      *
      * RockStor is distributed in the hope that it will be useful, but
      * WITHOUT ANY WARRANTY; without even the implied warranty of
      * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
      * General Public License for more details.
      *
      * You should have received a copy of the GNU General Public License
      * along with this program. If not, see <http://www.gnu.org/licenses/>.
      *
      * @licend  The above is the entire license notice
      * for the JavaScript code in this page.
      *
      */

    </script>

    <script src="/static/js/lib/json2.js"></script>
    <script src="/static/js/lib/jquery-1.9.1.min.js"></script>
    <script src="/static/js/lib/jquery-migrate-1.2.1.min.js"></script>
    <script src="/static/js/lib/jquery-ui.min.js"></script>
    <script src="/static/js/lib/jquery.tablesorter.js"></script>
    <script src="/static/js/lib/jquery.tools.min.js"></script>
    <script src="/static/js/lib/d3.v3.min.js"></script>
    <script src="/static/js/lib/cubism.v1.js"></script>
    <script src="/static/js/lib/underscore-1.3.2.js"></script>
    <script src="/static/js/lib/backbone-0.9.2.js"></script>
    <script src="/static/js/lib/backbone.routefilter.min.js"></script>
    <script src="/static/js/lib/cocktail.js"></script>
    <script src="/static/js/lib/bootstrap.js"></script>
    <script src="/static/js/lib/jsonform.js"></script>
    <script src="/static/js/lib/jquery.validate.js"></script>
    <script src="/static/js/lib/jquery.flot.js"></script>
    <script src="/static/js/lib/jquery.flot.navigate.js"></script>
    <script src="/static/js/lib/jquery.flot.resize.js"></script>
    <script src="/static/js/lib/jquery.flot.stack.js"></script>
    <script src="/static/js/lib/jquery.flot.tooltip_0.5.js"></script>
    <script src="/static/js/lib/jquery.flot.axislabels.js"></script>
    <script src="/static/js/lib/jquery.flot.stackpercent.js"></script>
    <script src="/static/js/lib/jquery.touch-punch.min.js"></script>
    <script src="/static/js/lib/jquery.shapeshift.js"></script>
    <script src="/static/js/lib/jquery.sparkline.min.js"></script>
    <script src="/static/js/lib/humanize.js"></script>
    <script src="/static/js/lib/moment.min.js"></script>
    <script src="/static/js/lib/socket.io.min.js"></script>
    <script src="/static/js/lib/handlebars-v4.0.5.js"></script>
    <script src="/static/js/lib/jquery.dataTables.min.js"></script>
    <script src="/static/js/lib/dataTables.bootstrap.min.js"></script>
    <script src="/static/js/lib/clipboard.min.js"></script>
    <script src="/static/storageadmin/js/storageadmin.js"></script>
  </head>
  <body>

  <nav class="navbar navbar-inverse navbar-fixed-top">
    <div class="container-fluid">
      <!-- Brand and toggle get grouped for better mobile display -->
      <div class="navbar-header">
        <div id="navbar-brand">
          <img class="img-responsive logo" src="/static/storageadmin/img/rockstorlogo-font2.png"/>
        </div>
      </div>

      <!-- Collect the nav links, forms, and other content for toggling -->
      <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
        <div id="navbar-links"></div>
      </div><!-- /.navbar-collapse -->
    </div><!-- /.container-fluid -->
  </nav>

  <div id="appliance-breadcrumb"></div>

  <div id="wrapper1">

    <div id="wrapper2">

      <div id="loading-indicator" style="visibility:hidden"><img src="/static/storageadmin/img/ajax-loader.gif"/></div>
      <div id="sidebar">
        <div id="sidebar-inner">
        </div>
      </div>
      <div id="content">
        <div id="globalerrmsg"></div>
        <div id="maincontent">
          <!--Body content-->
          {% block content %}{% endblock %}
        </div>
      </div> <!-- maincontent -->

    </div> <!-- wrapper2 -->
    <div id="footer"></div>

  </div> <!-- wrapper1 -->

  <div class="simple-overlay" id="global-err-overlay">
    <div class="overlay-content"> </div>
  </div>

  <div class="modal fade" id="appliance-select-popup">
    <div class="modal-dialog">
      <div class="modal-content">
        <div id="appliance-select-content">
        </div><!-- /.modal-content -->
      </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->


    <div id="errorPopup" class="modal fade">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <h3 class="modal-title">Error!</h3>
          </div>
          <div class="modal-body" id="errorContent" style="overflow: scroll; height: 200px">
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            <button type="button" class="btn btn-primary">Save changes</button>
          </div>
        </div><!-- /.modal-content -->
      </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->

    <form name="dummy-form" action="/login" method="post">
      {% csrf_token %}
    </form>

    <script src="/static/js/lib/bootstrap.js"></script>
    <script src="/static/js/lib/bootstrap-datepicker.js"></script>
    <script src="/static/js/lib/bootstrap-timepicker.js"></script>
    <script type="text/javascript">
      {% if current_appliance %}
      setup_done = true;
      {% else %}
      setup_done = false;
      {% endif %}
      {% if request.user.is_authenticated %}
      logged_in = true;
      {% else %}
      logged_in = false;
      {% endif %}
      {% if setup_user %}
      RockStorGlobals.setup_user = true;
      {% else %}
      RockStorGlobals.setup_user = false;
      {% endif %}
      RockStorGlobals.pageSize = {{ page_size }};
    </script>
  </body>
</html>
